<template>
  <div class="content">
    <h1 class="ts">{{yscsInfo.noticeTitle}}<span>{{yscsInfo.createTimeStr}}</span></h1>
    <p class="nr" v-html="yscsInfo.noticeContent"></p>
  </div>
</template>

<script>
  import home from '@/api/tap-water/home';

  export default {
    data() {
      return {
        yscsInfo: {},
        id: this.$route.query.id,
      };
    },
    methods: {
      getYscsDetail(id) {
        home.getDetailById(id)
                .then(response => {
                  this.yscsInfo = response.data.data;
                });
      },
    },
    mounted() {
      this.getYscsDetail(this.id);
    },

  }
</script>

<style scoped>
@import "../../assets/tap-water/css/base.css";
@import "../../assets/tap-water/css/other.css";
</style>